import ArkBlankAdaptive from '../ark-blank-adaptive/ArkBlankAdaptive.vue';

export default {
  title: 'base-component-v1/ArkBlankAdaptive',
  component: ArkBlankAdaptive,
  components: {ArkBlankAdaptive},
  parameters: {
    docs: {}
  },
  argTypes: {
    designWidth: {description: '设计稿宽度，单位px'},
    designHeight: {description: '设计稿高度，单位px'},
    default: {description: '整个容器内容部分'},
  }
};

export const Basic = {
  name: '基本使用',
  render: (args) => ({
    components: {ArkBlankAdaptive},
    setup() {
      return {args};
    },
    template: `
      <div style="position: relative;height: 100%;width: 100%">
        <ArkBlankAdaptive v-bind="args">
          <div style="background: pink;width: 100%;height: 100%"></div>
        </ArkBlankAdaptive>
      </div>`,
  }),
  args: {}
};